.wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.collapse {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
  -webkit-line-clamp: 3; //下多行文字溢出点点点... 
  -webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
  position: relative;
}

.collapse::before {
  content: "";
  height: calc(100% - 24px);
  float: right;
}

.btn {
  float: right;
  clear: both;
  margin-left: 10px;
  padding: 0 8px;
  line-height: 24px;
  border-radius: 4px;
  color: blue;
  font-weight: bold;
  cursor: pointer;
}

.exp {
  display: none;
}

.expand {
  -webkit-line-clamp: 999;
}